.content-body-container {
    margin-top: $home-margin-top;
    .none-data {
        position: relative;
        // margin-bottom: 16px;
        transition: all .2s;
        box-shadow: $card-shadow;
    }
    .none-data:hover {
        box-shadow: $hover-card-shadow;
    }
    .article-container {
        margin-bottom: 16px;
        animation: scale-in-center 0.8s;
        .article-inner {
            display: flex;
            overflow: hidden;
            border-radius: $common-border-radius;
            // transition: background 0.15s ease-out;
            .article-main {
                // display: flex;
                // flex-direction: column;
                border-radius: $common-border-radius;
                z-index: 30;
                position: relative;
                background-color: $common-white-color;
                transition: background 0.15s ease-out;
                width: 100%;
                margin-right:-16px;
                padding-bottom: 30px;
                .article-header {
                    padding: 30px 40px 0;
                    .title {
                        margin: 20px 0;
                        position: relative;
                        font-size: 30px;
                        width: 100%;
                        cursor: pointer;
                        transition: color .2s;
                    }
                    .title:before {
                        content: '';
                        position: absolute;
                        left: -14px;
                        top:8px;
                        width: 4px;
                        height: 20px;
                        background-color: $common-orange-color;
                        @include border-radius(2px);
                    }
                    .title:hover {
                        color: $common-orange-color;
                    }
                }
                .content {
                    padding: 0 40px;
                    p {
                        line-height: 1.6;
                        font-size: 16px;
                        margin: 16px 0;
                        letter-spacing: 1px;
                    }
                }
            }
            .content-image {
                width: 50%;
                overflow: hidden;
                position: relative;
                @include border-radius-all(0, 16px, 16px, 0);
                cursor: pointer;
                .overlay-image {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    background-color: $bg-overlay-color;
                    z-index: 10;
                    opacity: 0;
                    transition: opacity .3s ease-in-out;
                    overflow: hidden;
                }
                .el-image {
                    width: 100%;
                    height: 100%;
                    transition: all 1s;
                }
            }
            .icon-image {
                z-index: 15;
                width: 40px;
                height:40px;
                svg {
                    width: 100%;
                    height: 100%;
                    color: $common-white-color;
                }
            }
            .content-no-img {
                min-width: 76px;
                background-color:  $common-dark-orange-color;
                cursor: pointer;
                transition: background .3s ease-in-out;
            }
            .content-no-img:hover {
                background-color: $common-orange-color;
            }
            .content-image:hover {
                .overlay-image{
                    opacity: 1;
                }   
                .el-image {
                    transform: scale(1.2);
                }
            }
        }
        .article-inner:hover {
            box-shadow: $hover-card-shadow;
        }
    }
}
// 移动端适配
.main-medium-screen, .main-small-screen, .main-extraSmall-screen{
    margin-top: 20px;
}